<template>
  <div class="right-container">
    <h3>Right 组件</h3>
    <hr />

    <p>count 值：</p>
    <p>总价： {{ $store.getters.total }}</p>
    <p>总价： {{ total }}</p>
    <button class="btn btn-warning">-1</button>
  </div>
</template>

<script>
// 辅助工具
import { mapGetters } from 'vuex'
export default {
  name: "Right",

  computed: {
    // 这时候vuex里封装了，组件里就不需要了
    // total() {
    //   // 拿到vuex里的数据做遍历
    //   let sum = 0;
    //   this.$store.state.orders.forEach((v) => (sum += v.price));
    //   return sum;
    // },

    // total () {

    //   return this.$store.getters.total 
    // }
    // 相当于帮我们生成了上面的这种计算属性
    ...mapGetters(['total'])
  },
};
</script>

<style>
</style>
